<template>
	<view>
		<view class="report-check">
			<view class="background-color">
				<text @click="inspect">【慈铭】广州体育中心体检中心</text>
				<view class="organ-cont">
					<view>
						<text>小二 15809282910</text>
					</view>
					<view>
						<text>体检中心:2021-04-12</text>
						<view class="btnBox">
							<button @click="emil">发送到邮箱</button>
							<button @click="download">下载</button>
						</view>
					</view>
				</view>
			</view>
			<view class="background-color" style="margin-top: 20rpx ;" @click="inspect">
				<text style="padding-left:25rpx;display: block;padding-top: 25rpx;" @click="inspect">南方医科大学附属第三医院</text>
				<view class="organ-cont">
					<view>
						<text>小二 15809282910</text>
					</view>
					<view>
						<text>体检中心:2021-04-12</text>
						<view class="btnBox">
							<button>发送到邮箱</button>
							<button>下载</button>
						</view>
					</view>
				</view>
			</view>
			<view class="background-color" style="margin-top: 20rpx; margin-bottom: 20rpx;" @click="inspect">
				<text style="padding-left:25rpx;display: block;padding-top: 25rpx;" @click="inspect">南方医科大学附属第三医院</text>
				<view class="organ-cont">
					<view>
						<text>小二 15809282910 </text>
					</view>
					<view>
						<text>体检中心:2021-04-12</text>
						<view class="btnBox">
							<button>发送到邮箱</button>
							<button>下载</button>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>

</template>

<script setup lang="ts">
	const inspect = () => {
		uni.navigateTo({
			url: "/page_report/report_share/report_share"
		})
	}
	const emil = () => {
		uni.navigateTo({
			url: "/page_report/report-email/report-email"
		})
	}
	const download = () => {
		uni.navigateTo({
			url: "/page_report/report-download/report-download"
		})
	}
</script>

<style lang="less">
	.report-check {
		margin-top: 40rpx;
		background-color: #F4F6F6;
		padding-bottom: 3rpx;

		.background-color {
			background-color: #fff;


			.organ-cont {
				border-top: 1rpx solid #ccc;
				display: flex;
				justify-content: space-between;
				padding: 35rpx 20rpx 0 20rpx;
				margin-top: 20rpx;

				text {
					font-size: 35rpx;
				}

				button {
					margin: 20rpx 0;
					color: #8FCDB2;
					background-color: #fff;
					outline: none;
					border: 4rpx solid #8FCDB2;
					font-size: 24rpx;
					text-align: center;
					line-height: 80rpx;
				}

				.btnBox {
					display: flex;
					justify-content: space-between;
				}

				.btnBox button:nth-child(1) {
					width: 200rpx;
					height: 80rpx;
				}

				.btnBox button:nth-child(2) {
					width: 130rpx;
					height: 80rpx;
				}

				button::after {
					border: none;
				}
			}

		}
	}
</style>